<#assign ctx=base.contextPath>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<#include "/include/static.html">
	<body>
		<div id="fh5co-wrapper">
		<div id="fh5co-page">
		<div id="fh5co-header">
			<#include "/include/header.html">
		</div>
		<div class="fh5co-hero">
			<div class="fh5co-overlay"></div>
			<div class="fh5co-cover text-center" data-stellar-background-ratio="0.5" style="background-image: url(${ctx}/static/images/cover_bg_1.jpg);">
				<div class="desc animate-box">
					<h2>创造222222 <strong>美好</strong>的东西</h2>
					<span>免费制作<a href="${ctx}/"  class="fh5co-site-name">HTML5 模板</a></span>
					<span><a class="btn btn-primary btn-lg" href="#">快速开始</a></span>
				</div>
			</div>

		</div>
		<!-- end:header-top -->
		<div id="fh5co-features">
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<div class="feature-left">
							<span class="icon">
								<i class="icon-search"></i>
							</span>
							<div class="feature-copy">
								<h3>SEO</h3>
								<p>我们能作出超乎想象的事情.只要你愿意相信。</p>
							</div>
						</div>

					</div>

					<div class="col-md-4">
						<div class="feature-left">
							<span class="icon">
								<i class="icon-mobile"></i>
							</span>
							<div class="feature-copy">
								<h3>移动应用</h3>
								<p>我们采用最新的设计理念以及目前主流的开发工具，来自各个国家优秀的开发者。</p>
							</div>
						</div>

					</div>
					<div class="col-md-4">
						<div class="feature-left">
							<span class="icon">
								<i class="icon-video"></i>
							</span>
							<div class="feature-copy">
								<h3>视频资源</h3>
								<p>我们的资源都源于互联网精挑细选的优质视频，来自7*24小时不简单服务，保证您的随时需要。</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="fh5co-feature-product" class="fh5co-section-gray">
			<div class="container">
				<div class="row row-bottom-padded-md">
					<div class="col-md-12 text-center heading-section">
						<h3>现在开始获取这些资源</h3>
						<p>接下来，我们来开始准备这些资源的应用把</p>
					</div>
					<div class="col-md-12 text-center">
						<p><a href="#" class="btn btn-primary btn-lg">点击下载</a></p>
					</div>
				</div>

				<div class="row">
					<div class="col-md-12 text-center animate-box">
						<p><img src="${ctx}/static/images/macbook.png" alt="Free HTML5 Bootstrap Template" class="img-responsive"></p>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4">
						<div class="feature-text">
							<h3><span class="number">01.</span>更智能</h3>
							<p>智慧的出现让科技变得更美，我们坚信科技能改变生活，丰富生活。</p>
						</div>
					</div>
					<div class="col-md-4">
						<div class="feature-text">
							<h3><span class="number">02.</span> 更直观</h3>
							<p>这里你可以更直接的看到我们未来生活的样子，科技之类不仅体现在内在，他是可以看到的。</p>
						</div>
					</div>
					<div class="col-md-4">
						<div class="feature-text">
							<h3><span class="number">03.</span> 更优雅</h3>
							<p>从现在开始，让我们来开启全新的优雅生活，使生活充满更多的乐趣，更多丰富的生活理念。</p>
						</div>
					</div>
				</div>

				
			</div>
		</div>

		
		<div id="fh5co-portfolio">
			<div class="container">

				<div class="row">
					<div class="col-md-6 col-md-offset-3 text-center heading-section animate-box">
						<h3>最近在忙什么？</h3>
						<p>是不是经常忙于工作而忘记了时间？是不是经常 加班完成工作而忘记了休息？是不是每晚回到家都迫不及待的躺下？那么现在开始换一种 生活方式</p>
					</div>
				</div>

				
				<div class="row row-bottom-padded-md">
					<div class="col-md-12">
						<ul id="fh5co-portfolio-list">

							<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(${ctx}/static/images/work-5.jpg); ">
								<a href="#" class="color-3">
									<div class="case-studies-summary">
										<span>情调</span>
										<h2>去散心</h2>
									</div>
								</a>
							</li>
							<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(${ctx}/static/images/work-6.jpg); ">
								<a href="#" class="color-4">
									<div class="case-studies-summary">
										<span>休闲</span>
										<h2>开始运动</h2>
									</div>
								</a>
							</li>

							<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(${ctx}/static/images/work-1.jpg); ">
								<a href="#" class="color-4">
									<div class="case-studies-summary">
										<span>去 享 受</span>
										<h2>智慧生活</h2>
									</div>
								</a>
							</li>

							<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(${ctx}/static/images/work-2.jpg); "> 
								<a href="#" class="color-5">
									<div class="case-studies-summary">
										<span>发现唯美</span>
										<h2>美是我们自己发现的！</h2>
									</div>
								</a>
							</li>
							<li class="two-third animate-box" data-animate-effect="fadeIn" style="background-image: url(${ctx}/static/images/work-3.jpg); ">
								<a href="#" class="color-6">
									<div class="case-studies-summary">
										<span>去旅行</span>
										<h2>踏在坚实的路</h2>
									</div>
								</a>
							</li>
						</ul>		
					</div>
				</div>

				<div class="row">
					<div class="col-md-4 col-md-offset-4 text-center animate-box">
						<a href="#" class="btn btn-primary btn-lg">全世界都在看我的生活</a>
					</div>
				</div>
			</div>
		</div>
		

		
		<div id="fh5co-content-section" class="fh5co-section-gray">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-md-offset-2 text-center heading-section animate-box">
						<h3>你还孤单吗？</h3>
						<p>世界的苦难不仅只是那一段，而是在你发现你还在苦难中所作出的决定。</p>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<div class="fh5co-testimonial text-center animate-box">
							<figure>
								<img src="${ctx}/static/images/person_1.jpg" alt="user">
							</figure>
							<blockquote>
								<p>“创造力只是连接东西。当你问有创意的人他们是怎么做的，他们感到有点内疚，因为他们没有真正做，他们只是看到了一些东西。过了一会儿他们似乎很明显。”</p>
							</blockquote>
							<span>史蒂夫 乔布斯 ， Apple CEO</span>
						</div>
					</div>
					<div class="col-md-4">
						<div class="fh5co-testimonial text-center animate-box">
							<figure>
								<img src="${ctx}/static/images/person_2.jpg" alt="user">
							</figure>
							<blockquote>
								<p>“没有钱，网站就无法运作，让我告诉你facebook与其他网站的区别，那就是facebook永远不会崩溃。服务器哪怕只崩溃一天，我们的名声就全毁了，Friendster的失败就证明了这一点，就算是很少人的离开，也会对整个用户群造成巨大的影响，用户是互相连通的，这是关键。大学生在线是因为他们的朋友在线，这就像多米诺骨牌效应，你明白了吗？！”</p>
							</blockquote>
							<span>马克·扎克伯格, Facebook CEO.</span>
						</div>
					</div>
					<div class="col-md-4">
						<div class="fh5co-testimonial text-center animate-box">
							<figure>
								<img src="${ctx}/static/images/person_3.jpg" alt="user">
							</figure>
							<blockquote>
								<p>“如今使用网络的人主要可以分为两部分，其中一部分是产业精英学者和站在科技前沿的人。对于这些人而言，他们的未来只受到科技发展的限制。随着摩尔定律被打破，未来硬件和软件的发展速度会更为惊人。通过网络和新技术，灾难可以被预测，疾病可以被医生预判。未来科技可能不再被我们像今天一样追捧，而是逐步融入我们的生活，像电一样成我们生活的一部分。”</p>
							</blockquote>
							<span>埃里克·施密特, Google CEO.</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- fh5co-content-section -->

		<div id="fh5co-services-section">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-md-offset-2 text-center heading-section animate-box">
						<h3>我们可以为您做什么？</h3>
						<p>创新永无止境，我们会用到我们最优质的资源，技术，理念来保证您在享受我们服务的同事也会感受我们所不一样的地方。这就是我们之所以做的。</p>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="row text-center">
					<div class="col-md-4 col-sm-4">
						<div class="services animate-box">
							<span><i class="icon-browser"></i></span>
							<h3>应用网站部署</h3>
							<p>支持java, c# , php , python , c++ , ruby , Node.js 等多种WEB应用部署环境，并提供在线服务，防火墙升级等业务支持。</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-4">
						<div class="services animate-box">
							<span><i class="icon-mobile"></i></span>
							<h3>移动端应用</h3>
							<p>支持 Android ， IOS ，windowsPhone 3大平台，保证质量的同时保证对应用的升级，改造等功能。</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-4">
						<div class="services animate-box">
							<span><i class="icon-tools"></i></span>
							<h3>UX 设计</h3>
							<p>快速复制阿里巴巴互联网架构，一站式提供分布式管理应用、服务化框架、分布式数据库等服务、分布式关系型数据库服务 DRDS</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-4">
						<div class="services animate-box">
							<span><i class="icon-video"></i></span>
							<h3>视频剪辑</h3>
							<p>借助灵活、可伸缩的存储、处理及分发服务，帮助企业和开发者快速搭建安全、弹性、高可定制的视频应用</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-4">
						<div class="services animate-box">
							<span><i class="icon-search"></i></span>
							<h3>SEO 排名</h3>
							<p>提供自定义云资源网络拓扑结构的能力，帮您解决IP规划、负载均衡、VPC互通、专线接入等网络问题</p>
						</div>
					</div>
					<div class="col-md-4 col-sm-4">
						<div class="services animate-box">
							<span><i class="icon-cloud"></i></span>
							<h3>云基础服务</h3>
							<p>为金融行业提供量身定制的云计算服务，具备低成本、高弹性、高可用、安全合规的特性 ，支持DDOS分发</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="fh5co-blog-section" class="fh5co-section-gray">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-md-offset-2 text-center heading-section animate-box">
						<h3>我们最近更新的 Blog</h3>
						<p>我们的技术团人员会在固定的日期推送我们在研讨，开发，使用时，反馈等一系列文章，让您更了解我们的产品。</p>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="row row-bottom-padded-md">
					<div class="col-lg-4 col-md-4">
						<div class="fh5co-blog animate-box">
							<a href="#"><img class="img-responsive" src="${ctx}/static/images/blog-1.jpg" alt=""></a>
							<div class="blog-text">
								<div class="prod-title">
									<h3><a href=""#>Spring Boot中使用JavaMailSender发送邮件</a></h3>
									<span class="posted_by">11月12日</span>
									<span class="comment"><a href="">411<i class="icon-bubble2"></i></a></span>
									<p>相信使用过Spring的众多开发者都知道Spring提供了非常好用的JavaMailSender接口实现邮件发送。在Spring Boot的Starter模块中也为此提供了自动化配置....</p>
									<a href="#" class="btn btn-primary">阅读更多</a>
								</div>
							</div> 
						</div>
					</div>
					<div class="col-lg-4 col-md-4">
						<div class="fh5co-blog animate-box">
							<a href="#"><img class="img-responsive" src="${ctx}/static/images/blog-2.jpg" alt=""></a>
							<div class="blog-text">
								<div class="prod-title">
									<h3><a href=""#>学习springboot官方推荐数据模板-----thymeleaf (一) 认识</a></h3>
									<span class="posted_by">11月12日</span>
									<span class="comment"><a href="">121<i class="icon-bubble2"></i></a></span>
									<p>eclispe快速提示插件地址:https://bintray.com/thymeleaf/
									downloads/thymeleaf-extras-eclipse-plugin/1.thymeleaf认识1.1介绍一下什么是th....</p>
									<a href="#" class="btn btn-primary">阅读更多</a>
								</div>
							</div> 
						</div>
					</div>
					<div class="col-lg-4 col-md-4">
						<div class="fh5co-blog animate-box">
							<a href="#"><img class="img-responsive" src="${ctx}/static/images/blog-3.jpg" alt=""></a>
							<div class="blog-text">
								<div class="prod-title">
									<h3><a href=""#>《 springboot 入 门 》 springboot注解解释</a></h3>
									<span class="posted_by">11月12日</span>
									<span class="comment"><a href="">24<i class="icon-bubble2"></i></a></span>
									<p>@EnableAutoConfiguration     开启自动配置。   作用：SpringBoot会自动根据你jar包的依赖来自动配置项目。例如当你项目下面有HSQLDB的依赖时....</p>
									<a href="#" class="btn btn-primary">阅读更多</a>
								</div>
							</div> 
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-md-4 col-md-offset-4 text-center animate-box">
						<a href="#" class="btn btn-primary btn-lg">更多Blog...</a>
					</div>
				</div>

			</div>
		</div>
		<!-- fh5co-blog-section -->
		<#include "/include/footer.html">
	</div>
	</div>

	</body>
</html>

